<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>单个活动</title>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="yes" name="apple-touch-fullscreen"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta content="telephone=no" name="format-detection"/>
    <link th:href="@{/css/style.css}" rel="stylesheet"/>
</head>
<body>
<div class="single_wraper">
    <div class="header">
        <
        <video th:if="${activity.multiMedia.type eq 1}" style="width:100%;" id="banner"  th:src="${activity.multiMedia.video.videoUrl}"></video>
        <img th:if="${activity.multiMedia.type eq 0}" style="width:100%;" id="banner"  th:src="${activity.multiMedia.image.imageUrl}"></img>
        <div class="toCalendar" id="toCalender">
            <img th:src="@{/img/time.png}" alt=""/>
            <span>2016-05-24 星期二</span>
            <i class="icon_right"></i>
        </div>
        <div class="toMap" id="toMap">
            <img src="img/address.png" alt=""/>
            <span>深圳市华侨城创意园</span>
            <i class="icon_right"></i>
        </div>
        <div class="dls">
            <dl>
                <dt class="days"><img src="img/days.png"/></dt>
                <dd>1天</dd>
            </dl>
            <dl>
                <dt class="persens"><img src="img/persens.png"/></dt>
                <dd>1-20人</dd>
            </dl>
            <dl>
                <dt class="safe"><img src="img/safe.png"/></dt>
                <dd>意外险</dd>
            </dl>
        </div>
    </div>
    <div class="body" id="body">
        <h1 class="title"><i></i>古村凝云剧情</h1>
        <p class="explain">这是二零零八年的夏天。接连半个多月的阴雨天让整个县城都笼罩在阴郁凄冷的氛围里。这是二零零八年的夏天。接连半个多月的阴雨天让整个县城都笼罩在阴郁凄冷的氛围里。</p>
        <h1 class="title"><i></i>活动亮点</h1>
        <p class="explain">自然，自由，随风，随性...</p>
        <img src="img/banner1.jpg"/>
        <h1 class="title"><i></i>体验描述</h1>
        <p class="explain">排云之上，到天际遨游，完成一次人生的突破。</p>
        <img src="img/banner.jpg"/>
        <div class="lookall">查看全部<i></i></div>
    </div>
    <div class="attention">
        <h1 class="attentionTitle">注意事项</h1>
        <p class="explain">
            1、本线路并非常规旅游线路，一路上可能发生不可预计的情况较多，希望大家有良好的心态对待和处理，任何时候不得抱怨和发生争执，时刻要有团队协作精神；<br/>
            2、参加者须身体健康，自带个人常用药品；<br/>
            3、必须有环保意识，不得乱扔垃圾；
        </p>
    </div>
</div>
</body>
<script type="text/javascript" th:src="@{/js/zepto.min.js}"></script>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script th:inline="javascript">
    $(function(){
        var activityType = ${activity.activityType};

        $.ajax({
            url:"/thymeleaf/ajax",
            data:{
                username:"xxx"
            },
            type:"get",
            dataType:"text",
            success:function(text){
                alert(text);
                $("#usernamediv").text(text);
            }
        });
    });
</script>



</html>